@charset "utf-8";
/* CSS Document */
html{overflow-y:auto;overflow-x:hidden;-webkit-text-size-adjust:none;}
*html{background-image:url(about:blank);background-attachment:fixed;}/*解决IE6下滚动抖动的问题*/
*{margin:0;padding:0;list-style:none;}
q:before, q:after {content:'';}
abbr,acronym{border:0;}
body {color: #333333;font:14px/1.5 Microsoft YaHei,"SimSun",Verdana,tahoma,arial,sans-serif, Arial, Helvetica, sans-serif;margin: 0 auto;padding: 0; background: #f1f2f6; }
ul, ol, li {list-style: none outside none;}
input, textarea { padding:0px; font-family: Microsoft YaHei; outline:0 none;}
textarea {resize: none;}
a {color: #333333;text-decoration: none; outline:none; font-family: Microsoft YaHei;}
a:hover {color: #d00; text-decoration:none;}
dl{ margin-bottom: 0;;}
i{font-style:normal;}
em{font-style:normal;display:inline-block;}
p{display:block;}
img{ border:0 none;}
li, input ,textarea{vertical-align: middle; outline:0 none;}
table, td, input, textarea { padding:0px;}

/* clear */
.clearfix:after{visibility:hidden;display: block;font-size: 0;content:" ";clear:both;height:0;}
* html .clearfix {zoom: 1;} /* IE6 */
*:first-child+html .clearfix {zoom: 1;} /* IE7 */
/*清除浮动*/
.clearfix:after{display:block;clear:both;content:"";visibility:hidden;height:0;}
.clear,.cc{clear:both;font-size:0px;line-height:0px;height:0px;margin-top:0px;*margin-top:-1px;_margin-top:-1px;overflow:hidden; padding:0;}
.clear20{clear:both;font-size:0px;line-height:0px;height:0px; padding:0 0 20px 0;margin-top:0px;*margin-top:-1px;_margin-top:-1px;overflow:hidden;}
h1,h2,h3,h4,h5,h6{ font-weight: normal;margin: 0;padding: 0}
h1{ font-size:18px;}
h2{ font-size:14px;}
h3{ font-size:12px;}
.fl{ float: left;}
.fr{ float: right;}
/*字体相关样式*/
.fB{font-weight:bold;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f15{font-size:15px;}
.f16{font-size:16px;}
.fB12{ font-size:12px; font-weight:bold;}
.fB13{ font-size:13px; font-weight:bold;}
.fB14{ font-size:14px; font-weight:bold;}
.fB15{ font-size:15px; font-weight:bold;}
.fB16{ font-size:16px; font-weight:bold;}
.red{color: red}
.redSize{ color:#CC0000;}
.greeSize{ color:#56a027;}
.cError{ color:#CC0000; }
.bg-white{background: white}
/*功能相关*/
.goLeft{float:left;}
.goRight{float:right;}
.pointer{cursor:pointer;}
.hidden {display:none;}
.display{display:block;}
.absolute{position:absolute;}
.relative{position:relative;}
/*横向间隔定义高*/
.blank1 {clear:both; height:1px; overflow:hidden; display:block;}
.blank2 {clear:both; height:2px; overflow:hidden; display:block;}
.blank3 {clear:both; height:3px; overflow:hidden; display:block;}
.blank4 {clear:both; height:4px; overflow:hidden; display:block;}
.blank5 {clear:both; height:5px; overflow:hidden; display:block;}
.blank6 {clear:both; height:6px; overflow:hidden; display:block;}
.blank7 {clear:both; height:7px; overflow:hidden; display:block;}
.blank8 {clear:both; height:8px; overflow:hidden; display:block;}
.blank9 {clear:both; height:9px; overflow:hidden; display:block;}
.blank10 {clear:both; height:10px; overflow:hidden; display:block;}
.blank15 {clear:both; height:15px; overflow:hidden; display:block;}
.blank20 {clear:both; height:20px; overflow:hidden; display:block;}
.blank25 {clear:both; height:25px; overflow:hidden; display:block;}
.blank30 {clear:both; height:30px; overflow:hidden; display:block;}
/*纵向间隔定义宽*/
.iblank1{ width:1px; height:10px; float:left; overflow:hidden; display:block;}
.iblank2{ width:2px; height:10px; float:left; overflow:hidden; display:block;}
.iblank3{ width:3px; height:10px; float:left; overflow:hidden; display:block;}
.iblank4{ width:4px; height:10px; float:left; overflow:hidden; display:block;}
.iblank5{ width:5px; height:10px; float:left; overflow:hidden; display:block;}
.iblank6{ width:6px; height:10px; float:left; overflow:hidden; display:block;}
.iblank7{ width:7px; height:10px; float:left; overflow:hidden; display:block;}
.iblank8{ width:8px; height:10px; float:left; overflow:hidden; display:block;}
.iblank9{ width:9px; height:10px; float:left; overflow:hidden; display:block;}
.iblank10{ width:10px; height:10px; float:left; overflow:hidden; display:block;}

@media screen and (min-width:768px){
.iblank15{ width:15px; height:10px; float:left; overflow:hidden; display:block;}
.iblank20{ width:20px; height:10px; float:left; overflow:hidden; display:block;}
.iblank25{ width:25px; height:10px; float:left; overflow:hidden; display:block;}
.iblank30{ width:30px; height:10px; float:left; overflow:hidden; display:block;}
}
@media screen and (max-width:768px){
.blank15 {display:none;}
.iblank20{ display:none;}
.iblank25{ display:none;}
.iblank30{ display:none;}
.iblank15{ display:none;}
}
.color1{ background-color: #fdfaf2;}
.color2{ background-color: #f3f7fb;}
.color3{ background-color: #eef6f6;}
.color4{ background-color: #f4f4f9;}
.color5{ background-color: #ecf2fa;}
.color6{ background-color: #fef1f1;}

body {color: #333333;font:14px/1.5 Microsoft YaHei,"SimSun",Verdana,tahoma,arial,sans-serif, Arial, Helvetica, sans-serif;margin: 0 auto;padding: 0; background-color: #f1f2f6; }

@media screen and (min-width:768px){
	body{background-color: #f1f2f6;}
.mainBox{ width: 1300px; margin: 0 auto;}

/*头部*/
.head{height: 196px; background: url(../images/top-bg.png) repeat-x; background-color: #ffffff;position: relative;width:100%}
.head .top{height: 196px; line-height: 40px; background: url(../images/top-bg-pic.png) no-repeat center bottom;}
.head .top a{ margin-left:5px; margin-right:5px ; color:#697a8b;}
.head .top .fr a.ipv6{color: #ffffff;}
.head .logo{ text-align: center; top:65px; position: absolute; width: 100%;}
.head .logo a{ text-align: center; width: 524px; margin: 0 auto;}
.head .logo .top-fr{ display: none;}

.toplm ul{position: relative; width: 100%;}
.toplm ul li{ float:left; margin-right:10px;}
#ydImg{display: none; height: 128px; margin: 50px 0px 0px 0; right:235px; position: absolute;}
#wxImg{display: none; height: 128px; margin: 50px 0px 0px; right: 160px; position: absolute;}
#wbImg{display: none; height: 128px; margin: 50px 0px 0px 0; right:125px; position: absolute;}
#ydImg img, #wxImg img, #wbImg img{ width: 100px; height: 100px;}
.ipv6{ background-color: #2e6eab; border-radius: 50px; margin-top: 10px; height: 30px; line-height: 30px; color:#ffffff; width:120px; text-align: center; float: left; margin-top: 8px;}
/*导航*/

.menu{ background: #0251a2; height: 60px; }
.menu .fl{ width: 976px; margin-left: 20px;}
.menu .fl li{ float: left; padding:0 36px; font-size: 20px; font-weight: bold; text-align: center; background: url(../images/menu_line.jpg) no-repeat left center;}
.menu .fl li a{ color:#ffffff;line-height: 60px;}
.menu .fl li:nth-child(1){ background: none;}
.menu .fr{ width: 250px; background: url(../images/ssk.png) no-repeat; height: 35px; margin-top: 12px; margin-right: 20px;}
.menu .fr input{ background: none; border: none; float: left;width: 200px; height: 35px; padding-left: 15px; color:#ffffff}

.menu .fr img{ float: right; margin-top: 3px; margin-right: 2px;}


.footer{ background: #ffffff;border-top: 2px solid #0251a2; padding-bottom: 20px;}
.footer .wzlj{}
.footer .wzlj a{ margin: 0 8px;}
.footer .foot{ width: 1000px; margin: 15px auto 0 auto;}
.footer .foot .foot-con{ width: 780px; line-height: 30px; text-align: center; margin-left: 40px;}
.footer .foot .foot-con span{ margin: 0 10px;}
}

@media screen and (max-width:768px){
	body{ background: url(../images/bg.jpg) no-repeat 52% top; background-size:445%;}
   .mainBox{ width: 100%; margin: 0 auto;}

/*头部*/
.logoLianghui{ width: 100% !important;}
.logoLianghui img{width: 100% !important;}
.head{ position:relative; width: 100% !important; height: 33vw; background: url(../images/top-bg.png) repeat-x;}
.head .fl{ float: none; color: #697a8b;}
.head .top{height: 50px; top: 0; line-height: 50px;height: 33vw;  background: url(../images/top-bg-pic.png) no-repeat center bottom; background-size: 160%;}
.head .top a{ margin: 0 4%; color: #697a8b;}
.head .top .fr{ display: none;}
.head .logo{ text-align: center; position: absolute; top: 50px; width: 100%;}
.head .logo a{ text-align: center; width: 524px; margin: 0 auto;}
.head .logo img{ width: 88%;}

.head .logo .top-fr a{ margin: 0 5px; font-size: 3vw; color:#ffffff; background-color: rgba(4, 82, 147, .6); padding: 2px 5px; border-radius: 5px;}

/*导航*/

.menu{ background: #0251a2; height:145px; border-radius: 10px 10px 0px 0; width: 100% !important;}
.menu .fl{ width: 100%; margin-top: 10px; border-bottom: 1px solid #055ab5;}
.menu .fl li{ float: left; width: 25%; font-size: 20px; font-weight: bold; text-align: center; background: url(../images/menu_line.jpg) no-repeat left center;}
.menu .fl li a{ color:#ffffff;line-height: 40px;}
.menu .fl li:nth-child(1){ background: none;}
.menu .fr{ width: 90%; background:#02458b; border-radius: 50px; border: 1px solid #055ab5; height: 35px; margin: 8px 5% 0 auto;}
.menu .fr input{ background: none; border: none; float: left;width: 200px; height: 35px; padding-left: 15px; color:#ffffff}

.menu .fr img{ float: right; margin-top: 3px; margin-right: 2px;}


.footer{ background: #f7f7f7;border-top: 2px solid #0251a2; padding-bottom: 20px;}
.footer .wzlj a{ margin-right: 8px; padding-left: 8px;}
.footer .wzlj a:first-child{padding-left: 0;}
.footer .foot{ width: 320px; margin: 0 auto; font-size: 3vw;margin-top: 5vw;}
.footer .foot .fl{ width: 20%; text-align: center;}
.footer .foot .foot-con{ line-height: 20px; text-align: left; width: 76%;}
.footer .foot .foot-con span{ display: block;}
.footer .foot .fr{display: none;}
.sj-foot{ display: none !important;}
}


/* 鼠标经过抖动动画 */

.act-rotate a:hover img {
    animation: myrotate 0.5s;
    -moz-animation: myrotate 0.5s;
    -webkit-animation: myrotate 0.5s;
    -o-animation: myrotate 0.5s;
}

@keyframes myrotate {
    0% {
        transform: rotate(10deg);
    }
    20% {
        transform: rotate(-10deg);
    }
    40% {
        transform: rotate(10deg);
    }
    60% {
        transform: rotate(-10deg);
    }
    80% {
        transform: rotate(10deg);
    }
    100% {
        transform: rotate(0deg);
    }
}
/* Firefox */

@-moz-keyframes myrotate {
    0% {
        transform: rotate(10deg);
    }
    20% {
        transform: rotate(-10deg);
    }
    40% {
        transform: rotate(10deg);
    }
    60% {
        transform: rotate(-10deg);
    }
    80% {
        transform: rotate(5deg);
    }
    100% {
        transform: rotate(0deg);
    }
}


/* Safari 和 Chrome */

@-webkit-keyframes myrotate {
    0% {
        transform: rotate(10deg);
    }
    20% {
        transform: rotate(-10deg);
    }
    40% {
        transform: rotate(10deg);
    }
    60% {
        transform: rotate(-10deg);
    }
    80% {
        transform: rotate(5deg);
    }
    100% {
        transform: rotate(0deg);
    }
}
/*图片hover 透明度*/

.act-imgop a:hover img {
    opacity: 0.8;
    filter: alpha(opacity=80);
}


.jcgk-banner img{ width:100%;}
.zdgk-list{margin-top:15px;}
.zdgk-list li{float:left;padding:6px;}
.zdgk-list li a{padding:12px 0;width:100%;height:135px;text-align:center;background:#f1f8fd;border:#acd4f9 solid 1px;display:block;box-sizing:border-box;transition:.3s;}
.zdgk-list li a img{padding:10px;width:48px;height:48px;background:#ddedf9;border-radius:50%;}
.zdgk-list li a span{margin-top:10px;font-size:16px;color:#373737;display:block;}
.zdgk-list li a:hover {box-shadow: 0 0 15px rgba(40,120,160,.2);}

.qx-list{padding:6px 0;}
.qx-list li{float:left;padding:4px;display:table;}
.qx-list li a{padding:14px 10px;width:100%;height:70px;text-align:center;vertical-align:middle;background:#f8fcff;border:#acd4f9 solid 1px;display:table-cell;box-sizing:border-box;}
.qx-list li a em{margin-top:10px;font-size:12px;color:#b5c4d2;display:block;}
.qx-list li:nth-child(5n){margin-right:0;}


@media screen and (min-width:767px) {
		.zdgk-list li{width:10.1%;}
		.qx-list li{padding:6px;width:11.5%;}
		.wap-jcgk-banner{ display:none}
	}
@media screen and (max-width:767px) {
		.zdgk-list li{width:29.5%;}
		.qx-list li{padding:6px;width:46.5%;}
		.hidden-xs{ display:none}
	}